<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="关键字">
		<meta name="description" content="网站描述">
		<meta name="author" content="edit by Binggen">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>武汉知新教育培训学校</title>
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/zhixin.css" />
		<link rel="shortcut icon" href="favicon.ico">
	</head>

	<body>
		<div class="header">
			<div class="header-box clearfix">
				<!--小屏幕导航菜单按钮-->
				<div class="menu-button ">
					<div class="menubar"></div>
					<div class="menubar"></div>
					<div class="menubar"></div>
				</div>
				<!--小屏幕导航菜单按钮end-->

				<a class="logo left" href="index.html">
					<img src="images/logo.png" alt="知新教育">
				</a>
				<p class="slogan left">小初高<br>小班教学、一对一辅导</p>
				<ul class="nav-box">
					<li><a class="links actived" href="index.html">首页</a></li>
					<li><a class="links" href="course.html">课程中心</a></li>
					<li><a class="links" href="master.html">名师风采</a></li>
					<li><a class="links" href="news.html">最新资讯</a></li>
					<li><a class="links" href="about.html">关于我们</a></li>
					<li><a class="links" href="apply.html">在线报名</a></li>
				</ul>
			</div>
		</div>
		<div class="container">
			<!--banner部分-->
			<div class="banner swiper-container">
				<div class="adaptImg swiper-wrapper">
					<div class="swiper-slide"><img src="images/banner.png" alt="寒假班报名"></div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<!--课程分类-->
			<div class="wrapper">
				<ul class="index-course clearfix">
					<li class="course_pri">
						<i class="icon"></i>
						<h3>小学</h3>
						<p>1-6年级全科</p>
					</li>
					<li class="course_mid">
						<i class="icon"></i>
						<h3>中学</h3>
						<p>1-6年级全科</p></li>
					<li class="course_high">
						<i class="icon"></i>
						<h3>高中</h3>
						<p>1-6年级全科</p></li>
					<li class="course_art">
						<i class="icon"></i>
						<h3>艺术课</h3>
						<p>1-6年级全科</p>
					</li>
				</ul>
			</div>
			<!--课程介绍-->
			<div class="index-course-intro">
				<div class="wrapper">
					<div class="titles">
						<h2>知新教育课程介绍</h2>
						<i class="icon"><img src="images/title_bg.png" alt="知新教育课程介绍"></i>
					</div>
					<h5>课程体系包括：中小学全科辅导、小荷作文、新概念英语、美术；中小学全科辅导、阅读理解与作文、美术；中小学全科辅导、阅读理解与作文、美术；</h5>

					<!--推荐课程区域-->
					<div class="course-swiper">
						<div class="swiper-container index-course-info">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="index-course-box">
										<div class="adaptImg">
											<img src="images/course.png" alt="小荷作文">
										</div>
										<div class="course-apply">
											<span>小荷作文</span>
											<p>老师严格筛选培训，多年丰富一线教学经验</p>
											<a href="apply.html">预约试听</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="index-course-box">
										<div class="adaptImg">
											<img src="images/course.png" alt="小荷作文">
										</div>
										<div class="course-apply">
											<span>小荷作文</span>
											<p>老师严格筛选培训，多年丰富一线教学经验</p>
											<a href="apply.html">预约试听</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="index-course-box">
										<div class="adaptImg">
											<img src="images/course.png" alt="小荷作文">
										</div>
										<div class="course-apply">
											<span>小荷作文</span>
											<p>老师严格筛选培训，多年丰富一线教学经验</p>
											<a href="apply.html">预约试听</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="index-course-box">
										<div class="adaptImg">
											<img src="images/course.png" alt="小荷作文">
										</div>
										<div class="course-apply">
											<span>小荷作文</span>
											<p>老师严格筛选培训，多年丰富一线教学经验</p>
											<a href="apply.html">预约试听</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="index-course-box">
										<div class="adaptImg">
											<img src="images/course.png" alt="小荷作文">
										</div>
										<div class="course-apply">
											<span>小荷作文</span>
											<p>老师严格筛选培训，多年丰富一线教学经验</p>
											<a href="apply.html">预约试听</a>
										</div>
									</div>
								</div>

							</div>
						</div>
					<!-- 左右切换按钮 -->
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
					<!--推荐课程区域END-->
				</div>

				<!--为什么-->
				<div class="titles">
					<h2>为什么让孩子来知新教育？</h2>
					<i class="icon"><img src="images/title_bg.png" alt="知新教育课程介绍"></i>
				</div>
				<div class="wrapper publicize">
					<ul class="publicize-box clearfix">
						<li>
							<div class="publicize-bg adaptImg">
								<img src="images/course.png" alt="知新教育">
							</div>
							<div class="publicize-txt">
								<h4 class="txt-overflow">小班教学、大班价格</h4>
								<p>知新教育每间教室均放置不超过10套的桌椅，</p>
							</div>
							<div class="publicize-hover-box">
								<dl class="publicize-hover-txt">
									<dt>小班教学、大班价格</dt>
									<dd>知新教育每间教室均放置不超过10套的桌椅，采用小班化的教学模式，保证有限的课堂时间内每一个学员都被关注，提升学习效果，但只需大班的价格。改变培优机构学不到东西，价格还贵的现状。</dd>
								</dl>
							</div>

						</li>
						<li>
							<div class="publicize-bg adaptImg">
								<img src="images/course.png" alt="知新教育">
							</div>
							<div class="publicize-txt">
								<h4 class="txt-overflow">教学过程透明、课后追踪及时</h4>
								<p>老师严格筛选培训，多年丰富一线教学经验</p>
							</div>
							<div class="publicize-hover-box">
								<dl class="publicize-hover-txt">
									<dt>教学过程透明、课后追踪及时</dt>
									<dd>知新教育每间教室均放置不超过10套的桌椅，采用小班化的教学模式，保证有限的课堂时间内每一个学员都被关注。</dd>
								</dl>
							</div>

						</li>
						<li>
							<div class="publicize-bg adaptImg">
								<img src="images/course.png" alt="知新教育">
							</div>
							<div class="publicize-txt">
								<h4 class="txt-overflow">强强联合</h4>
								<p>知新教育每间教室均放置不超过10套的桌椅，</p>
							</div>
							<div class="publicize-hover-box">
								<dl class="publicize-hover-txt">
									<dt>小班教学、大班价格</dt>
									<dd>知新教育每间教室均放置不超过10套的桌椅，采用小班化的教学模式，保证有限的课堂时间内每一个学员都被关注，提升学习效果，但只需大班的价格。改变培优机构学不到东西，价格还贵的现状。</dd>
								</dl>
							</div>

						</li>
						<li>
							<div class="publicize-bg adaptImg">
								<img src="images/course.png" alt="知新教育">
							</div>
							<div class="publicize-txt">
								<h4 class="txt-overflow">师资力量有保障</h4>
								<p>知新教育每间教室均放置不超过10套的桌椅，</p>
							</div>
							<div class="publicize-hover-box">
								<dl class="publicize-hover-txt">
									<dt>小班教学、大班价格</dt>
									<dd>知新教育每间教室均放置不超过10套的桌椅，采用小班化的教学模式。</dd>
								</dl>
							</div>

						</li>
					</ul>
				</div>
				<!--为什么END-->

			</div>
			<!--课程介绍END-->

			<!--预约名师-->
			<div class="index-apply">
				<div class="wrapper">
					<div class="titles">
						<h2>预约名师试听仅需三步</h2>
						<i class="icon"><img src="images/title_bg.png" alt="预约名师试听"></i>
					</div>

					<ul class="index-apply-process clearfix">
						<li>
							<div class="icons icon_online">
								<img src="images/reny.png" alt="网上报名">
							</div>
							<dl class="apply-process-txt">
								<dt>网上报名</dt>
								<dd>家长姓名和联系方式</dd>
							</dl>
						</li>
						<li>
							<div class="icons icon_confirm">
								<img src="images/kecheng.png" alt="确认课程">
							</div>
							<dl class="apply-process-txt">
								<dt>确认课程</dt>
								<dd>教务联系确认时间及科目</dd>
							</dl>
						</li>
						<li>
							<div class="icons icon_temp">
								<img src="images/shangk.png" alt="确认课程">
							</div>
							<dl class="apply-process-txt">
								<dt>线下试听</dt>
								<dd>带孩子到学校上试听课</dd>
							</dl>
						</li>
					</ul>
					<a href="" class="index-temp">点击预约试听</a>
				</div>

			</div>
			<!--预约名师END-->

			<!--联系方式-->
			<div class="index-contact">
				<div class="wrapper clearfix">
					<div class="index-contact-box">
						<h4>联系方式</h4>
						<ul class="contact-info">
							<li><i class="icons"></i>黄老师</li>
							<li><i class="icons icon-addr"></i>武汉市洪山区恒安区366号火星空间4楼知新教育</li>
							<li><i class="icons icon-tell"></i>027-87689729</li>
							<li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2540271161&amp;site=qq&amp;menu=yes" target="_blank" title="点击QQ交谈"><i class="icons icon-qq"></i>123456789</a></li>
						</ul>
					</div>
					<div class="qr-code">
						<div class="adaptImg"><img src="images/qr-code.jpg" alt="扫码关注微信"></div>
						<p>扫码关注微信</p>
					</div>
				</div>
			</div>
			<!--联系方式END-->

			<!--版权-->
			<div class="copyright">
				<p>备案号：备案号备案号备案号备案号备案号备案呈</p>
				<p>技术支持：<a href="http://www.yungeng.org/" target="_blank" title="云耕创意（武汉）科技有限公司">云耕创意（武汉）科技有限公司</a></p>
			</div>
			<!--版权END-->
		</div>


		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/swiper.jquery.min.js"></script>
		<script type="text/javascript">
			var banner = new Swiper('.banner',{
				pagination: '.swiper-pagination'
			})

			var courseInfo=new Swiper('.index-course-info',{
				slidesPerView: 4,
				spaceBetween: '3%',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				breakpoints: {
					768: {
						slidesPerView: 3,
						spaceBetween: 20
					},
					640: {
						slidesPerView: 2,
						spaceBetween: 15
					}
				}
			})
		</script>
		<script src="js/zhixin.js"></script>
	</body>

</html>